<template>
    <div class="playing-wrapper">
        <div class="playing-list">
            <scroll :data="playingList">
                <ul class="song-list">
                    <li class="item-song" v-for="item in playingList">{{item.name}}</li>
                </ul>
            </scroll>
        </div>

    </div>
</template>
<script>
import Scroll from 'components/scroll/scroll'
export default{
    name: '',
    props: {
        playingList: {
            type: Array,
            default: ()=> {
                return []
            }
        }
    },
    data() {
        return {

        }
    },
    mounted() {
        
    },
    methods: {
        
    },
    components: {
        Scroll
    }
}
</script>


<style lang="less" scoped>
    .playing-wrapper{
        .playing-list{
            overflow: hidden;
            height: 100px;
            width: 100%;
            .sonog-list{
                padding: 0 20px;   
            }
        }

    }    
</style>

